<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../images/favicon.ico">

    <title>纳税信用贷款</title>

    <!-- Bootstrap 4.0-->
    <link rel="stylesheet" href="../assets/vendor_components/bootstrap/dist/css/bootstrap.min.css">

    <!-- Data Table-->
    <link rel="stylesheet" type="text/css" href="../assets/vendor_components/datatable/datatables.min.css" />

    <!-- Bootstrap extend-->
    <link rel="stylesheet" href="css/bootstrap-extend.css">

    <!-- Theme style -->
    <link rel="stylesheet" href="css/master_style.css">

    <!-- Fab Admin skins -->
    <link rel="stylesheet" href="css/skins/_all-skins.css">

    <!-- Vector CSS -->
    <!-- <link href="../assets/vendor_components/jvectormap/lib2/jquery-jvectormap-2.0.2.css" rel="stylesheet" /> -->


    <!-- 提示的样式 toast CSS -->
    <link href="../assets/vendor_components/jquery-toast-plugin-master/src/jquery.toast.css" rel="stylesheet">

    <!-- 自己的样式 -->
    <link rel="stylesheet" href="css/utils.css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->
  </head>

  <body class="hold-transition skin-blue sidebar-mini">

    <!-- 遮罩层 -->
    <div class="kim-bg"></div>

    <div class="wrapper">
      <header class="main-header">
        <!-- Logo -->
        <a href="javascript:void(0)" class="logo" data-toggle="push-menu">
          <!-- mini logo -->
          <b class="logo-mini">
            <span class="light-logo"><img src="../images/logo/logo@3x.png" alt="logo"></span>
            <span class="dark-logo"><img src="../images/logo-dark.png" alt="logo"></span>
          </b>
          <!-- logo-->
          <span class="logo-lg">
            <img src="../images/logo-light-text.png" alt="logo" class="light-logo">
            <img src="../images/logo-dark-text.png" alt="logo" class="dark-logo">
          </span>
        </a>
        <!-- Header Navbar -->
        <nav class="navbar navbar-static-top">
          <!-- Sidebar toggle button-->
          <div>
            <a href="#" class="sidebar-toggle" role="button" data-toggle="push-menu">
              <span class="sr-only">切换导航</span>
            </a>

          </div>
          <div class="navbar-custom-menu">
            <ul class="nav navbar-nav">

              <li class="search-box">
                <a class="nav-link hidden-sm-down" href="javascript:void(0)"><i class="mdi mdi-magnify"></i></a>
                <form class="app-search" style="display: none;">
                  <input type="text" class="form-control" placeholder="输入内容搜索"> <a class="srh-btn"><i
                      class="ti-close"></i></a>
                </form>
              </li>

              <!-- Messages -->
              <li class="dropdown messages-menu">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                  <i class="mdi mdi-email"></i>
                </a>
                <ul class="dropdown-menu scale-up">
                  <li class="header">你有5条信息</li>
                  <li>
                    <!-- inner menu: contains the actual data -->
                    <ul class="menu inner-content-div">
                      <li>
                        <!-- start message -->
                        <a href="#">
                          <div class="pull-left">
                            <img src="../images/user2-160x160.jpg" class="rounded-circle" alt="User Image">
                          </div>
                          <div class="mail-contnet">
                            <h4>
                              袁思洁
                              <small><i class="fa fa-clock-o"></i> 15 mins</small>
                            </h4>
                            <span>拜拜 甜甜圈 珍珠奶茶方便面
                              火锅米饭大盘鸡 拿走拿走别客气
                            </span>
                          </div>
                        </a>
                      </li>
                      <!-- end message -->
                      <li>
                        <a href="#">
                          <div class="pull-left">
                            <img src="../images/user3-128x128.jpg" class="rounded-circle" alt="User Image">
                          </div>
                          <div class="mail-contnet">
                            <h4>
                              刘一鸣
                              <small><i class="fa fa-clock-o"></i> 4 hours</small>
                            </h4>
                            <span>这唱得都是什么呀</span>
                          </div>
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <div class="pull-left">
                            <img src="../images/user4-128x128.jpg" class="rounded-circle" alt="User Image">
                          </div>
                          <div class="mail-contnet">
                            <h4>
                              何霖
                              <small><i class="fa fa-clock-o"></i> Today</small>
                            </h4>
                            <span>代码赶紧提交一下</span>
                          </div>
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <div class="pull-left">
                            <img src="../images/user3-128x128.jpg" class="rounded-circle" alt="User Image">
                          </div>
                          <div class="mail-contnet">
                            <h4>
                              李庆峰
                              <small><i class="fa fa-clock-o"></i> Yesterday</small>
                            </h4>
                            <span>十万里加急赶官网页面</span>
                          </div>
                        </a>
                      </li>

                    </ul>
                  </li>
                  <li class="footer"><a href="#">查看所有电子邮件</a></li>
                </ul>
              </li>
              <!-- Notifications -->
              <li class="dropdown notifications-menu">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                  <i class="mdi mdi-bell"></i>
                </a>
                <ul class="dropdown-menu scale-up">
                  <li class="header">你有7个通知</li>
                  <li>
                    <!-- inner menu: contains the actual data -->
                    <ul class="menu inner-content-div">
                      <li>
                        <a href="#">
                          <i class="fa fa-users text-aqua"></i>代码已提交最新
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <i class="fa fa-warning text-yellow"></i> 数据库异常了，处理一下
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <i class="fa fa-users text-red"></i>进度不够快得话，这周末可能要加班哦
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <i class="fa fa-shopping-cart text-green"></i> 你别这样子的啦，信不信我打你
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <i class="fa fa-user text-red"></i>战斗要11点
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <i class="fa fa-user text-red"></i> 其实，我喜欢她很久了，只是不想对她说而已
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <i class="fa fa-user text-red"></i> 你眺望这塔尖上的针尖

                        </a>
                      </li>
                    </ul>
                  </li>
                  <li class="footer"><a href="#">查看全部</a></li>
                </ul>
              </li>
              <!-- Tasks-->
              <li class="dropdown tasks-menu">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                  <i class="mdi mdi-message"></i>
                </a>
                <ul class="dropdown-menu scale-up">
                  <li class="header">你有6个任务</li>
                  <li>
                    <!-- inner menu: contains the actual data -->
                    <ul class="menu inner-content-div">
                      <li>
                        <!-- Task item -->
                        <a href="#">
                          <h3>
                            Lorem ipsum dolor sit amet
                            <small class="pull-right">30%</small>
                          </h3>
                          <div class="progress xs">
                            <div class="progress-bar progress-bar-aqua" style="width: 30%" role="progressbar"
                              aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                              <span class="sr-only">30% Complete</span>
                            </div>
                          </div>
                        </a>
                      </li>
                      <!-- end task item -->
                      <li>
                        <!-- Task item -->
                        <a href="#">
                          <h3>
                            Vestibulum nec ligula
                            <small class="pull-right">20%</small>
                          </h3>
                          <div class="progress xs">
                            <div class="progress-bar progress-bar-danger" style="width: 20%" role="progressbar"
                              aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                              <span class="sr-only">20% Complete</span>
                            </div>
                          </div>
                        </a>
                      </li>
                      <!-- end task item -->
                      <li>
                        <!-- Task item -->
                        <a href="#">
                          <h3>
                            Donec id leo ut ipsum
                            <small class="pull-right">70%</small>
                          </h3>
                          <div class="progress xs">
                            <div class="progress-bar progress-bar-light-blue" style="width: 70%" role="progressbar"
                              aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                              <span class="sr-only">70% Complete</span>
                            </div>
                          </div>
                        </a>
                      </li>
                      <!-- end task item -->
                      <li>
                        <!-- Task item -->
                        <a href="#">
                          <h3>
                            Praesent vitae tellus
                            <small class="pull-right">40%</small>
                          </h3>
                          <div class="progress xs">
                            <div class="progress-bar progress-bar-yellow" style="width: 40%" role="progressbar"
                              aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                              <span class="sr-only">40% Complete</span>
                            </div>
                          </div>
                        </a>
                      </li>
                      <!-- end task item -->
                      <li>
                        <!-- Task item -->
                        <a href="#">
                          <h3>
                            Nam varius sapien
                            <small class="pull-right">80%</small>
                          </h3>
                          <div class="progress xs">
                            <div class="progress-bar progress-bar-red" style="width: 80%" role="progressbar"
                              aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                              <span class="sr-only">80% Complete</span>
                            </div>
                          </div>
                        </a>
                      </li>
                      <!-- end task item -->
                      <li>
                        <!-- Task item -->
                        <a href="#">
                          <h3>
                            Nunc fringilla
                            <small class="pull-right">90%</small>
                          </h3>
                          <div class="progress xs">
                            <div class="progress-bar progress-bar-primary" style="width: 90%" role="progressbar"
                              aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                              <span class="sr-only">90% Complete</span>
                            </div>
                          </div>
                        </a>
                      </li>
                      <!-- end task item -->
                    </ul>
                  </li>
                  <li class="footer">
                    <a href="#">查看所有任务</a>
                  </li>
                </ul>
              </li>
              <!-- User Account-->
              <li class="dropdown user user-menu">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                  <img src="../images/userHeadPortrait/6.png" class="user-image rounded-circle" alt="User Image">
                </a>
                <ul class="dropdown-menu scale-up">
                  <!-- User image -->
                  <li class="user-header">
                    <img src="../images/userHeadPortrait/6.png" class="float-left rounded-circle" alt="User Image">

                    <p>
                      木广山
                      <small class="mb-5">jb@gmail.com</small>
                      <a href="#" class="btn btn-danger btn-sm btn-rounded">查看个人资料</a>
                    </p>
                  </li>
                  <!-- Menu Body -->
                  <li class="user-body">
                    <div class="row no-gutters">
                      <div class="col-12 text-left">
                        <a href="#"><i class="ion ion-person"></i> 我的项目</a>
                      </div>
                      <div class="col-12 text-left">
                        <a href="#"><i class="ion ion-email-unread"></i>收件箱</a>
                      </div>
                      <div class="col-12 text-left">
                        <a href="#"><i class="ion ion-settings"></i> 设置</a>
                      </div>
                      <div role="separator" class="divider col-12"></div>
                      <div class="col-12 text-left">
                        <a href="#"><i class="ti-settings"></i> 帐户设置</a>
                      </div>
                      <div role="separator" class="divider col-12"></div>
                      <div class="col-12 text-left">
                        <a href="#"><i class="fa fa-power-off"></i> 退出</a>
                      </div>
                    </div>
                    <!-- /.row -->
                  </li>
                </ul>
              </li>
              <!-- Control Sidebar Toggle Button -->
              <li>
                <a href="#" data-toggle="control-sidebar"><i class="fa fa-cog fa-spin"></i></a>
              </li>
            </ul>
          </div>
        </nav>
      </header>

      <!-- Left side column. contains the logo and sidebar -->
      <aside class="main-sidebar">
        <!-- sidebar-->
        <section class="sidebar">

          <!-- sidebar menu-->
          <ul class="sidebar-menu" data-widget="tree">
            <li class="user-profile treeview">
              <a href="index.html">
                <img src="../images/userHeadPortrait/6.png" alt="user">
                <span>木广山(Kim)</span>
                <span class="pull-right-container">
                  <i class="fa fa-angle-right pull-right"></i>
                </span>
              </a>
              <ul class="treeview-menu">
                <li><a href="javascript:void()"><i class="fa fa-user mr-5"></i>我的项目 </a></li>
                <li><a href="javascript:void()"><i class="fa fa-money mr-5"></i>我的余额</a></li>
                <li><a href="javascript:void()"><i class="fa fa-envelope-open mr-5"></i>收件箱</a></li>
                <li><a href="javascript:void()"><i class="fa fa-cog mr-5"></i>用户设置</a></li>
                <li><a href="javascript:void()"><i class="fa fa-power-off mr-5"></i>退出</a></li>
              </ul>
            </li>
            <li class="header nav-small-cap">ZHOUBOTONG</li>
            <li class="active treeview">
              <a href="javascript:void(0)">
                <i class="fa fa-user-circle-o"></i> <span>个人中心</span>
                <span class="pull-right-container">
                  <i class="fa fa-angle-right pull-right"></i>
                </span>
              </a>
              <ul class="treeview-menu">
                <li><a href="index.html"><i class="fa fa-circle-o"></i>我的订单</a></li>
                <li><a href="pages/app/app-contact.html"><i class="fa fa-circle-thin"></i>余额明细</a></li>
                <li><a href="pages/app/app-contact.html"><i class="fa fa-circle-thin"></i>个人资料</a></li>
              </ul>
            </li>

            <li class="active treeview">
              <a href="javascript:void(0)">
                <i class="fa fa-server"></i></i> <span>服务中心</span>
                <span class="pull-right-container">
                  <i class="fa fa-angle-right pull-right"></i>
                </span>
              </a>
              <ul class="treeview-menu">
                <li><a href="pages/app/app-chat.html"><i class="fa fa-circle-thin"></i>一键生成报关资料</a></li>
                <li><a href="pages/app/app-contact.html"><i class="fa fa-circle-thin"></i>信用证审单制单</a></li>
                <li><a href="pages/app/app-contact.html"><i class="fa fa-circle-thin"></i>远期信用证融资</a></li>
                <li><a href="pages/app/app-contact.html"><i class="fa fa-circle-thin"></i>出口贷款融资</a></li>
                <li><a href="qianzhuangcreditloan.html"><i class="fa fa-circle-thin"></i>纳税信用贷款</a></li>
                <li><a href="globalCollection.html"><i class="fa fa-circle-thin"></i>全球催收</a></li>
                <li><a href="pages/app/app-contact.html"><i class="fa fa-circle-thin"></i>保险类产品</a></li>
                <li><a href="foreignBuyerAssessment.html"><i class="fa fa-circle"></i>国外买家评估</a></li>
              </ul>
            </li>


            <li class="active treeview">
              <a href="javascript:void(0)">
                <i class="fa fa-suitcase"></i></i> <span>信息管理</span>
                <span class="pull-right-container">
                  <i class="fa fa-angle-right pull-right"></i>
                </span>
              </a>
              <ul class="treeview-menu">
                <li><a href="pages/app/app-chat.html"><i class="fa fa-circle-thin"></i>报关抬头管理</a></li>
                <li><a href="pages/app/app-contact.html"><i class="fa fa-circle-thin"></i>开票工厂管理</a></li>
                <li><a href="pages/app/app-contact.html"><i class="fa fa-circle-thin"></i>产品订单管理</a></li>
                <li><a href="pages/app/app-contact.html"><i class="fa fa-circle-thin"></i>境外贸易商管理</a></li>
              </ul>
            </li>

            <li class="active treeview">
              <a href="javascript:void(0)">
                <i class="fa  fa-handshake-o"></i></i> <span>企业中心</span>
                <span class="pull-right-container">
                  <i class="fa fa-angle-right pull-right"></i>
                </span>
              </a>
              <ul class="treeview-menu">
                <li><a href="pages/app/app-chat.html"><i class="fa fa-circle-thin"></i>我的企业</a></li>
                <li><a href="pages/app/app-contact.html"><i class="fa fa-circle-thin"></i>加入企业</a></li>
                <li><a href="pages/app/app-contact.html"><i class="fa fa-circle-thin"></i>用户管理</a></li>
                <li><a href="pages/app/app-contact.html"><i class="fa fa-circle-thin"></i>升级认证</a></li>
              </ul>
            </li>

            <li class="header nav-small-cap">
            </li>
            <li class="treeview">
              <a href="#">
                <i class="fa fa-envelope"></i> <span>服务中心</span>
                <span class="pull-right-container">
                  <i class="fa fa-angle-right pull-right"></i>
                </span>
              </a>
              <ul class="treeview-menu">
                <li><a href="pages/mailbox/mailbox.html"><i class="fa fa-circle-thin"></i>收件箱</a></li>
                <li><a href="pages/mailbox/compose.html"><i class="fa fa-circle-thin"></i>构图</a></li>
                <li><a href="pages/mailbox/read-mail.html"><i class="fa fa-circle-thin"></i>读取</a></li>
              </ul>
            </li>
          </ul>
        </section>
      </aside>

      <!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper">



        <section class="content">

          <!-- Default box -->
          <div class="box">
            <div class="box-header with-border">
              <h3 class="box-title">国外买家评估</h3>

              <ul class="box-controls pull-right">
                <!-- <li><a class="box-btn-close" href="#"></a></li> -->
                <li><a class="box-btn-slide" href="#"></a></li>
                <!-- <li><a class="box-btn-fullscreen" href="#"></a></li> -->
              </ul>
            </div>
            <div class="box-body kim-box-body">
              <span class="mr-60">
                <p> 1、您提交成功后，评估买家资质需要10个工作日左右；</p>
              </span>
              <span class="mr-60">
                <p> 2、买家评估报告将会发送至您的邮箱，同时您也可以在“个人中心”当中下载；</p>
              </span>
              <span class="">
                <p>3、报告默认为英文版本，如需翻译成中文，请备注。</p>
              </span>

            </div>
            <div class="box-footer kim-jsc">
              <button type="button" class="btn btn-rounded btn-info kim-button">立即申请</button>
            </div>
          </div>
          <!-- /.box -->

        </section>


        <div class="box">

          <div class="box-body">
            <div class="table-responsive">
              <div id="example_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4">

                <table id="example"
                  class="table table-bordered table-hover display nowrap margin-top-10 w-p100 dataTable " role="grid"
                  aria-describedby="example_info">
                  <thead>
                    <tr role="row" class="bg-secondary ">
                      <th class="sorting" tabindex="0" aria-controls="example" rowspan="1" colspan="1"
                        aria-label="Position: activate to sort column ascending" style="width: 120px;">申请单号</th>
                      <th class="sorting" tabindex="0" aria-controls="example" rowspan="1" colspan="1"
                        aria-label="Position: activate to sort column ascending" style="width: 120px;">债务人姓名</th>
                      <th class="sorting" tabindex="0" aria-controls="example" rowspan="1" colspan="1"
                        aria-label="Position: activate to sort column ascending" style="width: 120px;">债务联系人</th>
                      <th class="sorting" tabindex="0" aria-controls="example" rowspan="1" colspan="1"
                        aria-label="Office: activate to sort column ascending" style="width: 100px;">应收金额</th>
                      <th class="sorting" tabindex="0" aria-controls="example" rowspan="1" colspan="1"
                        aria-label="Age: activate to sort column ascending" style="width: 96px;">债权人姓名</th>
                      <th class="sorting" tabindex="0" aria-controls="example" rowspan="1" colspan="1"
                        aria-label="Start date: activate to sort column ascending" style="width: 100px;">债权联系人</th>
                      <th class="sorting" tabindex="0" aria-controls="example" rowspan="1" colspan="1"
                        aria-label="Salary: activate to sort column ascending" style="width: 140px;">状态</th>
                    </tr>
                  </thead>
                  <tbody>

                    <tr role="row" class="odd">
                      <td class="sorting_1"> ZBT-WS-CREDITLOAN-1</td>
                      <td class="">Software Engineer</td>
                      <td>London</td>
                      <td>London</td>
                      <td>38</td>
                      <td>38</td>
                      <td>
                        <button type="button" class="btn btn-outline btn-rounded btn-danger kim-btn-empty">待跟进</button>
                      </td>
                    </tr>
                    <tr role="row" class="even">
                      <td class="sorting_1">Brielle Williamson</td>
                      <td class="">Integration Specialist</td>
                      <td class="">Integration Specialist</td>
                      <td class="">Integration Specialist</td>
                      <td>New York</td>
                      <td>61</td>
                      <td>
                        <button type="button" class="btn btn-outline btn-rounded btn-danger kim-btn-empty">待跟进</button>
                      </td>
                    </tr>

                    <tr role="row" class="even">
                      <td class="sorting_1">Brielle Williamson</td>
                      <td class="">Integration Specialist</td>
                      <td class="">Integration Specialist</td>
                      <td class="">Integration Specialist</td>
                      <td>New York</td>
                      <td>61</td>
                      <td>
                        <button type="button" class="btn btn-outline btn-rounded btn-danger kim-btn-empty">待跟进</button>
                      </td>
                    </tr>
                    <tr role="row" class="even">
                      <td class="sorting_1">Brielle Williamson</td>
                      <td class="">Integration Specialist</td>
                      <td class="">Integration Specialist</td>
                      <td class="">Integration Specialist</td>
                      <td>New York</td>
                      <td>61</td>
                      <td>
                        <button type="button" class="btn btn-outline btn-rounded btn-danger kim-btn-empty">待跟进</button>
                      </td>
                    </tr>

                    <tr role="row" class="even">
                      <td class="sorting_1">Brielle Williamson</td>
                      <td class="">Integration Specialist</td>
                      <td class="">Integration Specialist</td>
                      <td class="">Integration Specialist</td>
                      <td>New York</td>
                      <td>61</td>
                      <td>
                        <button type="button" class="btn btn-outline btn-rounded btn-danger kim-btn-empty">待跟进</button>
                      </td>
                    </tr>

                    <tr role="row" class="even">
                      <td class="sorting_1">Brielle Williamson</td>
                      <td class="">Integration Specialist</td>
                      <td class="">Integration Specialist</td>
                      <td class="">Integration Specialist</td>
                      <td>New York</td>
                      <td>61</td>
                      <td>
                        <button type="button" class="btn btn-outline btn-rounded btn-danger kim-btn-empty">待跟进</button>
                      </td>
                    </tr>               <tr role="row" class="even">
                      <td class="sorting_1">Brielle Williamson</td>
                      <td class="">Integration Specialist</td>
                      <td class="">Integration Specialist</td>
                      <td class="">Integration Specialist</td>
                      <td>New York</td>
                      <td>61</td>
                      <td>
                        <button type="button" class="btn btn-outline btn-rounded btn-danger kim-btn-empty">待跟进</button>
                      </td>
                    </tr>               <tr role="row" class="even">
                      <td class="sorting_1">Brielle Williamson</td>
                      <td class="">Integration Specialist</td>
                      <td class="">Integration Specialist</td>
                      <td class="">Integration Specialist</td>
                      <td>New York</td>
                      <td>61</td>
                      <td>
                        <button type="button" class="btn btn-outline btn-rounded btn-danger kim-btn-empty">待跟进</button>
                      </td>
                    </tr>               <tr role="row" class="even">
                      <td class="sorting_1">Brielle Williamson</td>
                      <td class="">李庆峰</td>
                      <td class="">Integration Specialist</td>
                      <td class="">Integration Specialist</td>
                      <td>New York</td>
                      <td>61</td>
                      <td>
                        <button type="button" class="btn btn-outline btn-rounded btn-danger kim-btn-empty">待跟进</button>
                      </td>
                    </tr>               <tr role="row" class="even">
                      <td class="sorting_1">Brielle Williamson</td>
                      <td class="">Integration Specialist</td>
                      <td class="">Integration Specialist</td>
                      <td class="">Integration Specialist</td>
                      <td>New York</td>
                      <td>61</td>
                      <td>
                        <button type="button" class="btn btn-outline btn-rounded btn-danger kim-btn-empty">待跟进</button>
                      </td>
                    </tr>

                    
                    <tr role="row" class="odd">
                      <td class="sorting_1">Brenden Wagner</td>
                      <td class="">Software Engineer</td>
                      <td class="">Software Engineer</td>
                      <td class="">Software Engineer</td>
                      <td>San Francisco</td>
                      <td>2012</td>
                      <td>
                        <button type="button" class="btn btn-outline btn-rounded btn-danger kim-btn-empty">待跟进</button>
                      </td>

                    </tr>
                    <tr role="row" class="even">
                      <td class="sorting_1">Bradley Greer</td>
                      <td class="">Software Engineer</td>
                      <td>London</td>
                      <td>London</td>
                      <td>London</td>
                      <td>41</td>
                      <td>
                        <button type="button" class="btn btn-outline btn-rounded btn-danger kim-btn-empty">待跟进</button>
                      </td>
                    </tr>

                  </tbody>
                  <!-- <tfoot>
                    <tr>
                      <th rowspan="1" colspan="1">Name</th>
                      <th rowspan="1" colspan="1">Position</th>
                      <th rowspan="1" colspan="1">Office</th>
                      <th rowspan="1" colspan="1">Age</th>
                      <th rowspan="1" colspan="1">Start date</th>
                    </tr>
                  </tfoot> -->
                </table>

                <!-- <div class="dataTables_info" id="example_info" role="status" aria-live="polite">暂无数据
                </div>
                <div class="dataTables_info" id="example_info" role="status" aria-live="polite">12行共125条
                </div> -->

                <!-- <div class="dataTables_paginate paging_simple_numbers" id="example_paginate">
                  <ul class="pagination">
                    <li class="paginate_button page-item previous" id="example_previous"><a href="#"
                        aria-controls="example" data-dt-idx="0" tabindex="0" class="page-link">上一页</a></li>
                    <li class="paginate_button page-item "><a href="#" aria-controls="example" data-dt-idx="1"
                        tabindex="0" class="page-link">1</a></li>
                    <li class="paginate_button page-item "><a href="#" aria-controls="example" data-dt-idx="2"
                        tabindex="0" class="page-link">2</a></li>
                    <li class="paginate_button page-item "><a href="#" aria-controls="example" data-dt-idx="3"
                        tabindex="0" class="page-link">3</a></li>
                    <li class="paginate_button page-item "><a href="#" aria-controls="example" data-dt-idx="4"
                        tabindex="0" class="page-link">4</a></li>
                    <li class="paginate_button page-item "><a href="#" aria-controls="example" data-dt-idx="5"
                        tabindex="0" class="page-link">5</a></li>
                    <li class="paginate_button page-item active"><a href="#" aria-controls="example" data-dt-idx="6"
                        tabindex="0" class="page-link">6</a></li>
                    <li class="paginate_button page-item next disabled" id="example_next"><a href="#"
                        aria-controls="example" data-dt-idx="7" tabindex="0" class="page-link">下一页</a></li>
                  </ul>
                </div> -->

              </div>
            </div>
          </div>

        </div>



        <section class="content">

          <!-- Basic Forms -->
          <div class="box box-solid bg-dark">
            <div class="box-header with-border">
              <h4 class="box-title">立即申请/Apply
              </h4>

              <ul class="box-controls pull-right">
                <li><a class="box-btn-close" href="#"></a></li>
                <li><a class="box-btn-slide" href="#"></a></li>
                <li><a class="box-btn-fullscreen" href="#"></a></li>
              </ul>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <div class="row">
                <div class="col">
                  <form novalidate="">
                    <div class="row">
                      <div class="col-lg-6 col-12">
                        <div class="form-group">
                          <h5><span class="text-danger">*&nbsp;</span>买家名称</h5>
                          <div class="controls">
                            <input type="text" name="text" class="form-control" required=""
                              data-validation-required-message="This field is required">
                            <div class="help-block"></div>
                          </div>
                        </div>


                        <div class="form-group">
                          <h5><span class="text-danger">*&nbsp;</span>买家地址</h5>
                          <div class="controls">
                            <input type="text" name="text" class="form-control" required=""
                              data-validation-required-message="This field is required">
                            <div class="help-block"></div>
                          </div>
                        </div>


                        <div class="form-group">
                          <h5><span class="text-danger">*&nbsp;</span>买家地址</h5>
                          <div class="controls">
                            <input type="text" name="text" class="form-control" required=""
                              data-validation-required-message="This field is required">
                            <div class="help-block"></div>
                          </div>
                        </div>




                        <div class="form-group">
                          <h5><span class="text-danger">*&nbsp;</span>联系人直线电话</h5>
                          <div class="controls">
                            <input type="text" name="text" class="form-control" required=""
                              data-validation-required-message="This field is required">
                            <div class="help-block"></div>
                          </div>
                        </div>



                        <div class="form-group">
                          <h5><span class="text-danger">*&nbsp;</span>付款方式</h5>
                          <div class="controls">
                            <input type="text" name="text" class="form-control" required=""
                              data-validation-required-message="This field is required">
                            <div class="help-block"></div>
                          </div>
                        </div>




                        <div class="form-group">
                          <h5><span class="text-danger">*&nbsp;</span>所需信用额度</h5>
                          <div class="controls">
                            <input type="text" name="text" class="form-control" required=""
                              data-validation-required-message="This field is required">
                            <div class="help-block"></div>
                          </div>
                        </div>

                        <div class="form-group">
                          <h5><span class="text-danger">*&nbsp;</span>预计年销售额</h5>
                          <div class="controls">
                            <input type="text" name="text" class="form-control" required=""
                              data-validation-required-message="This field is required">
                            <div class="help-block"></div>
                          </div>
                        </div>


                        <div class="form-group">
                          <h5><span class="text-danger">*&nbsp;</span>供应商地址</h5>
                          <div class="controls">
                            <input type="text" name="text" class="form-control" required=""
                              data-validation-required-message="This field is required">
                            <div class="help-block"></div>
                          </div>
                        </div>


                        <div class="form-group">
                          <h5><span class="text-danger">*&nbsp;</span>负责人电话</h5>
                          <div class="controls">
                            <input type="text" name="text" class="form-control" required=""
                              data-validation-required-message="This field is required">
                            <div class="help-block"></div>
                          </div>
                        </div>


                        <div class="form-group">
                          <h5><span class="text-danger">*&nbsp;</span>供应商网址</h5>
                          <div class="controls">
                            <input type="text" name="text" class="form-control" required=""
                              data-validation-required-message="This field is required">
                            <div class="help-block"></div>
                          </div>
                        </div>
                      </div>

                      <div class="col-lg-6 col-12">
                        <div class="form-group">
                          <h5><span class="text-danger">*&nbsp;</span>注册号</h5>
                          <div class="controls">
                            <input type="text" name="text" class="form-control" required=""
                              data-validation-required-message="This field is required">
                            <div class="help-block"></div>
                          </div>
                        </div>

                        <div class="form-group">
                          <h5><span class="text-danger">*&nbsp;</span>买家联系人(职位)</h5>
                          <div class="controls">
                            <input type="text" name="text" class="form-control" required=""
                              data-validation-required-message="This field is required">
                            <div class="help-block"></div>
                          </div>
                        </div>
                        <div class="form-group">
                          <h5><span class="text-danger">*&nbsp;</span>联系人邮箱 </h5>
                          <div class="controls">
                            <input type="email" name="email" class="form-control" required=""
                              data-validation-required-message="This field is required">
                            <div class="help-block"></div>
                          </div>
                        </div>

                        <div class="form-group">
                          <h5><span class="text-danger">*&nbsp;</span>是否存在历史交易</h5>
                          <div class="controls">
                            <input type="text" name="text" class="form-control" required=""
                              data-validation-required-message="This field is required">
                            <div class="help-block"></div>
                          </div>
                        </div>

                        <div class="form-group">
                          <h5><span class="text-danger">*&nbsp;</span>运输方式</h5>
                          <div class="controls">
                            <input type="text" name="text" class="form-control" required=""
                              data-validation-required-message="This field is required">
                            <div class="help-block"></div>
                          </div>
                        </div>
                        <div class="form-group">
                          <h5><span class="text-danger">*&nbsp;</span>年销售量</h5>
                          <div class="controls">
                            <input type="text" name="text" class="form-control" required=""
                              data-validation-required-message="This field is required">
                            <div class="help-block"></div>
                          </div>
                        </div>

                        <div class="form-group">
                          <h5><span class="text-danger">*&nbsp;</span>供应商名称</h5>
                          <div class="controls">
                            <input type="text" name="text" class="form-control" required=""
                              data-validation-required-message="This field is required">
                            <div class="help-block"></div>
                          </div>
                        </div>

                        <div class="form-group">
                          <h5><span class="text-danger">*&nbsp;</span>供应商负责人</h5>
                          <div class="controls">
                            <input type="text" name="text" class="form-control" required=""
                              data-validation-required-message="This field is required">
                            <div class="help-block"></div>
                          </div>
                        </div>
                        <div class="form-group">
                          <h5><span class="text-danger">*&nbsp;</span>负责人邮箱</h5>
                          <div class="controls">
                            <input type="text" name="text" class="form-control" required=""
                              data-validation-required-message="This field is required">
                            <div class="help-block"></div>
                          </div>
                        </div>

                        <div class="form-group">
                          <h5><span class="text-danger">*&nbsp;</span>买家网址</h5>
                          <div class="controls">
                            <input type="text" name="text" class="form-control" required=""
                              data-validation-required-message="This field is required">
                            <div class="help-block"></div>
                          </div>
                        </div>

                      </div>
                  </form>

                </div>
                <!-- /.col -->
              </div>
              <!-- /.row -->
            </div>
            <!-- /.box-body -->
          </div>
          <!-- /.box -->

        </section>


        </section>


      </div>


      <!-- /.content-wrapper -->
      <footer class="main-footer">
        <div class="pull-right d-none d-sm-inline-block">
          <ul class="nav nav-primary nav-dotted nav-dot-separated justify-content-center justify-content-md-end">
            <li class="nav-item">
              <a class="nav-link" href="javascript:void(0)">FAQ</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">Purchase Now</a>
            </li>
          </ul>
        </div>
        &copy; 2018 <a href="https://www.multipurposethemes.com/">Multi-Purpose Themes</a>. All Rights Reserved.
      </footer>

      <!-- Control Sidebar -->
      <aside class="control-sidebar control-sidebar-light">
        <!-- Create the tabs -->
        <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
          <li class="nav-item"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a>
          </li>
          <li class="nav-item"><a href="#control-sidebar-settings-tab" data-toggle="tab"><i
                class="fa fa-cog fa-spin"></i></a></li>
        </ul>
        <!-- Tab panes -->
        <div class="tab-content">
          <!-- Home tab content -->
          <div class="tab-pane" id="control-sidebar-home-tab">
            <h3 class="control-sidebar-heading">近期活动</h3>
            <ul class="control-sidebar-menu">
              <li>
                <a href="javascript:void(0)">
                  <i class="menu-icon fa fa-birthday-cake bg-danger"></i>

                  <div class="menu-info">
                    <h4 class="control-sidebar-subheading">管理员生日</h4>

                    <p>将于7月24日</p>
                  </div>
                </a>
              </li>
              <li>
                <a href="javascript:void(0)">
                  <i class="menu-icon fa fa-user bg-warning"></i>

                  <div class="menu-info">
                    <h4 class="control-sidebar-subheading">Jhone更新个人资料</h4>

                    <p>新邮箱：jhone_doe@demo.com</p>
                  </div>
                </a>
              </li>
              <li>
                <a href="javascript:void(0)">
                  <i class="menu-icon fa fa-envelope-o bg-info"></i>

                  <div class="menu-info">
                    <h4 class="control-sidebar-subheading">Disha加入邮件列表</h4>

                    <p>disha@demo.com</p>
                  </div>
                </a>
              </li>
              <li>
                <a href="javascript:void(0)">
                  <i class="menu-icon fa fa-file-code-o bg-success"></i>

                  <div class="menu-info">
                    <h4 class="control-sidebar-subheading">代码更改</h4>

                    <p>执行时间15天</p>
                  </div>
                </a>
              </li>
            </ul>
            <!-- /.control-sidebar-menu -->

            <h3 class="control-sidebar-heading">任务进展</h3>
            <ul class="control-sidebar-menu">
              <li>
                <a href="javascript:void(0)">
                  <h4 class="control-sidebar-subheading">
                    网页设计
                    <span class="label label-danger pull-right">40%</span>
                  </h4>

                  <div class="progress progress-xxs">
                    <div class="progress-bar progress-bar-danger" style="width: 40%"></div>
                  </div>
                </a>
              </li>
              <li>
                <a href="javascript:void(0)">
                  <h4 class="control-sidebar-subheading">
                    更新数据
                    <span class="label label-success pull-right">75%</span>
                  </h4>

                  <div class="progress progress-xxs">
                    <div class="progress-bar progress-bar-success" style="width: 75%"></div>
                  </div>
                </a>
              </li>
              <li>
                <a href="javascript:void(0)">
                  <h4 class="control-sidebar-subheading">
                    订单过程
                    <span class="label label-warning pull-right">89%</span>
                  </h4>

                  <div class="progress progress-xxs">
                    <div class="progress-bar progress-bar-warning" style="width: 89%"></div>
                  </div>
                </a>
              </li>
              <li>
                <a href="javascript:void(0)">
                  <h4 class="control-sidebar-subheading">
                    发展
                    <span class="label label-primary pull-right">72%</span>
                  </h4>

                  <div class="progress progress-xxs">
                    <div class="progress-bar progress-bar-primary" style="width: 72%"></div>
                  </div>
                </a>
              </li>
            </ul>
            <!-- /.control-sidebar-menu -->

          </div>
          <!-- /.tab-pane -->
          <!-- Stats tab content -->
          <div class="tab-pane" id="control-sidebar-stats-tab">统计选项卡内容</div>
          <!-- /.tab-pane -->
          <!-- Settings tab content -->
          <div class="tab-pane" id="control-sidebar-settings-tab">
            <form method="post">
              <h3 class="control-sidebar-heading">常规设置</h3>

              <div class="form-group">
                <input type="checkbox" id="report_panel" class="chk-col-grey">
                <label for="report_panel" class="control-sidebar-subheading ">报表面板用法</label>

                <p>
                  常规设置信息
                </p>
              </div>
              <!-- /.form-group -->

              <div class="form-group">
                <input type="checkbox" id="allow_mail" class="chk-col-grey">
                <label for="allow_mail" class="control-sidebar-subheading ">邮件重定向</label>

                <p>
                  其他选项集可用
                </p>
              </div>
              <!-- /.form-group -->

              <div class="form-group">
                <input type="checkbox" id="expose_author" class="chk-col-grey">
                <label for="expose_author" class="control-sidebar-subheading ">公开作者姓名</label>

                <p>
                  允许用户在日志中显示其姓名
                </p>
              </div>
              <!-- /.form-group -->

              <h3 class="control-sidebar-heading">聊天设置</h3>

              <div class="form-group">
                <input type="checkbox" id="show_me_online" class="chk-col-grey">
                <label for="show_me_online" class="control-sidebar-subheading ">显示为联机</label>
              </div>
              <!-- /.form-group -->

              <div class="form-group">
                <input type="checkbox" id="off_notifications" class="chk-col-grey">
                <label for="off_notifications" class="control-sidebar-subheading ">关闭通知</label>
              </div>
              <!-- /.form-group -->

              <div class="form-group">
                <label class="control-sidebar-subheading">
                  <a href="javascript:void(0)" class="text-red margin-r-5"><i class="fa fa-trash-o"></i></a>
                  删除聊天历史记录
                </label>
              </div>
              <!-- /.form-group -->
            </form>
          </div>
          <!-- /.tab-pane -->
        </div>
      </aside>


      <!-- /.control-sidebar -->


      <!-- Add the sidebar's background. This div must be placed immediately after the control sidebar -->
      <div class="control-sidebar-bg"></div>

    </div>
    <!-- ./wrapper -->


        <!-- jQuery 3 -->
        <script src="../assets/vendor_components/jquery/dist/jquery.min.js"></script>

        <!-- popper -->
        <!-- <script src="../assets/vendor_components/popper/dist/popper.min.js"></script>s -->
    
        <!-- Bootstrap 4.0-->
        <!-- <script src="../assets/vendor_components/bootstrap/dist/js/bootstrap.min.js"></script> -->
    
        <!-- SlimScroll -->
        <!-- <script src="../assets/vendor_components/jquery-slimscroll/jquery.slimscroll.min.js"></script> -->
    
        <!-- FastClick -->
        <!-- <script src="../assets/vendor_components/fastclick/lib/fastclick.js"></script> -->
    
        <!-- Fab Admin App -->
        <script src="js/template.js"></script>
    
        <!-- Fab Admin for demo purposes -->
        <script src="js/demo.js"></script>
    
        <!-- This is data table -->
        <script src="../assets/vendor_components/datatable/datatables.js"></script>
        <!-- <script src="../assets/vendor_components/datatable/datatables.min.js"></script> -->
    
        <!-- Fab Admin dashboard demo (This is only for demo purposes) -->
        <!-- <script src="js/pages/dashboard.js"></script> -->
    
        <!-- Fab Admin for Data Table -->
        <script src="js/pages/data-table.js"></script>
        <!-- Fab Admin for demo purposes -->
        <script src="js/demo.js"></script>
    
        <!-- 自定义公共样式 -->
        <script src="js/utils.js"></script>
    
        <!-- Vector map JavaScript -->
        <script src="../assets/vendor_components/jvectormap/lib2/jquery-jvectormap-2.0.2.min.js"></script>
        <script src="../assets/vendor_components/jvectormap/lib2/jquery-jvectormap-world-mill-en.js"></script>
        <script src="../assets/vendor_components/jvectormap/lib2/jquery-jvectormap-us-aea-en.js"></script>
    
    
        <script>
          dragFloatingLayer(".kim-button", ".kim-box", ".kim-title", ".kim-bg") //kim-position kim-box kim-close
        </script>
    
    
        <!-- toast -->
        <script src="../assets/vendor_components/jquery-toast-plugin-master/src/jquery.toast.js"></script>
        <script src="js/pages/toastr.js"></script>
        <script type="text/javascript">
          //Alerts
          $(".myadmin-alert .closed").click(function (event) {
            $(this).parents(".myadmin-alert").fadeToggle(350);
            return false;
          });
          /* Click to close */
          $(".myadmin-alert-click").click(function (event) {
            $(this).fadeToggle(350);
            return false;
          });
          $(".showtop").click(function () {
            $(".alerttop").fadeToggle(350);
          });
          $(".showtop2").click(function () {
            $(".alerttop2").fadeToggle(350);
          });
          /** Alert Position Bottom  **/
          $(".showbottom").click(function () {
            $(".alertbottom").fadeToggle(350);
          });
          $(".showbottom2").click(function () {
            $(".alertbottom2").fadeToggle(350);
          });
          /** Alert Position Top Left  **/
          $("#showtopleft").click(function () {
            $("#alerttopleft").fadeToggle(350);
          });
          /** Alert Position Top Right  **/
          $("#showtopright").click(function () {
            $("#alerttopright").fadeToggle(350);
          });
          /** Alert Position Bottom Left  **/
          $("#showbottomleft").click(function () {
            $("#alertbottomleft").fadeToggle(350);
          });
          /** Alert Position Bottom Right  **/
          $("#showbottomright").click(function () {
            $("#alertbottomright").fadeToggle(350);
          });
        </script>
    
    
      </body>
    
    </html>